@charset "utf-8";
@component-namespace t {
  @b textarea {
    width: 100%;
    height: 100%;
    line-height: var(--textarea-line-height);
    color: var(--input-color);
    font-size: var(--input-font-size);
    cursor: default;
    text-align: left;
    padding: 0.5rem 0.75rem;
    overflow-x:auto;
    overflow-x:hidden;
    background-color: var(--input-fill);
    outline: none;
    position: relative;
    border: var(--input-border);
    border-radius: var(--border-radius-normal);
    transition: var(--all-transition);
    &::placeholder {
      color: var(--input-placeholder-color);
    }
    &:hover {
      border-color: var(--input-hover-border-color);
    }
    &:focus,
    &:active {
      border-color: var(--input-active-border-color);
    }
    @when disabled {
      @utils-user-select none;
      pointer-events: none;
      color: var(--input-disabled-color);
      border-color: var(--input-disabled-border);
      background-color: var(--input-disabled-fill);
      &::placeholder {
        color: var(--input-disabled-placeholder-color);
      }
    }
  }
}